<template>
  <mars-dialog :draggable="true" :width="380" :height="500" title="czml动态数据管理" right="10" top="10">
    <a-space>
      <mars-button @click="showSatellite">加载官网卫星</mars-button>
      <mars-button @click="showCzmlPoint">czml点</mars-button>
      <mars-button @click="showWebSocketCzml">websocket推演</mars-button>
    </a-space>
  </mars-dialog>
</template>

<script setup>
import { ref } from "vue"
import * as mapWork from "./map.js"
import useLifecycle from "@/common/uses/use-lifecycle"

// 启用map.ts生命周期
useLifecycle(mapWork)
const showSatellite = () => {
  const selectedKeys = ref([])
  selectedKeys.value = []
  mapWork.showSatellite()
}

const showCzmlPoint = () => {
  mapWork.showCzmlPoint()
}


const showWebSocketCzml = () => {
  mapWork.showWebSocketCzml()
}

</script>

<style scoped lang="less"></style>
